$(document).ready(function() {



    //funcion que busca el boton de reservas
    $("#btn-buscar").click(function() {
        //   alert("llamando a ajax...");
        //hace un llamado a ajax
        var estatus = "";
        if ($("#provisional").is(':checked')) {
            estatus = estatus + "provisional,";
        }
        if ($("#parcial").is(':checked')) {
            estatus = estatus + "parcial,";
        }
        if ($("#completo").is(':checked')) {
            estatus = estatus + "completo,";
        }
        if ($("#fin").is(':checked')) {
            estatus = estatus + "fin,";
        }

        $.ajax({
            dataType: "json",
            type: "POST",
            url: "ajax/jx_reservas/getReporteReserva",
            data: {
                habitacion: $("#slct-habitacion").val(),
                estatus: estatus,
                creacionDesde: $("#in-creacionDesde").val(),
                creacionHasta: $("#in-creacionHasta").val(),
                ingresoDesde: $("#in-ingresoDesde").val(),
                ingresoHasta: $("#in-ingresoHasta").val(),
                pagina: $("#pagination").data('pagina'),
                cliente: $("#in-titular").val()
            },
            async: false,
            success: function(data) {
                console.log(data);
                table = "";
                $.each(data.reserva, function(index, reserva) {
                    table += crearFila(reserva);
                });
                $("#lista-reservas").html(table);
                $("#spanCantidadReservas").html(data.registros);
                $("#pagination").html(crearPaginacion(data.registros, $("#pagination").data('pagina')));
            }
        });
        //console.log(result);
        // $("#lista-reservas").html(result);
    });

    function crearPaginacion(n, activo) {

        n = Math.ceil(n / 15);
        //   alert(n);
        l = "";
        //alert(activo);
        for (i = 1; i <= n; i++) {
            l += "<li class='" + ((i == activo) ? 'active' : '') + "'><a href='#' class='pagination' data-pagina='" + i + "'>" + i + "</a></li>";
        }
        return l;
    }




    function crearFila(data) {
        fila = "<tr>";
        fila += "<td><small>" + data.nombre + "<br>" + data.primer_apellido + "</small></td>";
        fila += "<td><small>" + data.cuarto + "</small></td>";
        fila += "<td><small>" + data.fecha_ingreso + "</small></td>";
        fila += "<td><small>" + data.fecha_salida + "</small></td>";
        fila += "<td><small>" + data.estatus + "</small></td>";
        fila += "<td><small>" + data.usuario + "</small></td>";
        fila += "<td><a href='reserva?id=" + data.id_reserva + "' class='btn btn-mini btn-inverse'>Detalles</a> </td>";
        return fila + "</tr>";
    }

    $("#btn-buscar").trigger('click');

    //funciones que llaman al ajax cuando cambian

    $("#slct-habitacion,#slct-estatus,#in-creacionDesde,#in-creacionHasta,#in-ingresoDesde,#in-ingresoHasta,#divContenedorEstatus input").change(function() {
        $("#pagination").data('pagina', 1);
        $("#btn-buscar").trigger('click');
    });


    $(document).on('click', '.pagination', function(e) {
        e.preventDefault();
        $("#pagination").data('pagina', $(this).data('pagina'));
        $("#btn-buscar").trigger('click');
    });



    // boton para buscar por titular
    $("#in-titular").keyup(function() {
        $("#btn-buscar").trigger('click');
    });

});
